<template>
  <svg :height="detail.style.position.h" :width="detail.style.position.w" style="pointer-events: none;"
       version="1.1" xmlns="http://www.w3.org/2000/svg" v-html="svgContent">

  </svg>
</template>

<script>
import svgView from './ViewSvg';


export default {
  name: 'ViewSvgStatic',
  extends: svgView,
  data() {
    return {
      svgContent: ''
    }
  },
  methods: {
    loadData() {
      var that = this;
      request.get(this.svgURL)
          .then(function (response) {
            // console.log(response);
            that.svgContent = response.data;
          })
          .catch(function (error) {
            // console.log(error);
          });
    },
    onResize() {

    }
  },
  mounted() {
    this.loadData();
  }
}
</script>
